﻿body
{
    font-size: .85em;
    font-family: "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
    color: #232323;
    background-color: #fff;
}

header,
footer,
nav,
section
{
    display: block;
}

/* Styles for basic forms
-----------------------------------------------------------*/

fieldset
{
    border: 1px solid #4876b9;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend
{
    font-size: 1.2em;
    font-weight: bold;
}

textarea
{
    min-height: 75px;
}

.editor-label
{
    margin: 1em 0 0 0;
}

.editor-field
{
    margin: 0.5em 0 0 0;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}

BODY
{
    font-family: Cambria, Georgia, "Times New Roman";
    margin: 0;
}

DIV#header DIV.title, DIV.item H3, DIV.item H4, DIV.pager A
{
    font: bold 1em "Arial Narrow", "Franklin Gothic Medium", Arial;
}

DIV#header
{
    background-color: #004182;
    border-bottom: 2px solid #004182;
    color: White;
}

    DIV#header DIV.title
    {
        font-size: 2em;
        padding: .6em;
    }

DIV#content
{
    border-left: 2px solid #4876b9;
    margin-left: 9em;
    padding: 1em;
}

DIV#categories
{
    float: left;
    width: 8em;
    padding: .3em;
}

DIV.item
{
    border-top: 1px dotted #4876b9;
    padding-top: .7em;
    margin-bottom: .7em;
}

    DIV.item:first-child
    {
        border-top: none;
        padding-top: 0;
    }

    DIV.item H3
    {
        font-size: 1.3em;
        margin: 0 0 .25em 0;
    }

    DIV.item H4
    {
        font-size: 1.1em;
        margin: .4em 0 0 0;
    }

DIV.pager
{
    text-align: right;
    border-top: 2px solid #4876b9;
    padding: .5em 0 0 0;
    margin-top: 1em;
}

    DIV.pager A
    {
        font-size: 1.1em;
        color: #4876b9;
        text-decoration: none;
        padding: 0 .4em 0 .4em;
    }

        DIV.pager A:hover
        {
            background-color: Silver;
        }

        DIV.pager A.selected
        {
            background-color: #353535;
            color: White;
        }
DIV#categories .last-profile-category {
     font: bold 1.1em "Arial Narrow","Franklin Gothic Medium",Arial;
    display: block;
    text-decoration: none;
    padding: .6em;
    color: Black;
    border-bottom: 4px solid black;
}
DIV#categories A
{
    font: bold 1.1em "Arial Narrow","Franklin Gothic Medium",Arial;
    display: block;
    text-decoration: none;
    padding: .6em;
    color: Black;
    border-bottom: 1px solid silver;
}

    DIV#categories A.selected
    {
        background-color: #666;
        color: White;
    }

    DIV#categories A:hover
    {
        background-color: #CCC;
    }

    DIV#categories A.selected:hover
    {
        background-color: #666;
    }

FORM
{
    margin: 0;
    padding: 0;
}

DIV.item FORM
{
    float: right;
}

DIV.item INPUT
{
    color: White;
    background-color: #333;
    border: 1px solid black;
    cursor: pointer;
}

H2
{
    margin-top: 0.3em;
}

TFOOT TD
{
    border-top: 1px dotted gray;
    font-weight: bold;
}

.actionButtons A, INPUT.actionButtons
{
    font: .8em Arial;
    color: White;
    margin: .5em;
    text-decoration: none;
    padding: .15em 1.5em .2em 1.5em;
    background-color: #353535;
    border: 1px solid black;
}

DIV#cart
{
    float: right;
    margin: .8em;
    color: Silver;
    background-color: #4876b9;
    padding: .5em .5em .5em 1em;
}

    DIV#cart A
    {
        text-decoration: none;
        padding: .4em 1em .4em 1em;
        line-height: 2.1em;
        background-color: #333;
        color: White;
        border: 1px solid black;
    }

div#logon-cart
{
    position: fixed;
    left: 50%;
    margin-left: -100px;
}

div#register-cart
{
    position: fixed;
    left: 50%;
    margin-left: -100px;
}

BODY, TD
{
    font-family: Segoe UI, Verdana;
}

H1
{
    padding: .5em;
    padding-top: 0;
    font-weight: bold;
    font-size: 1.5em;
    border-bottom: 2px solid gray;
}

DIV#content
{
    padding: .9em;
}

TABLE.Grid TD, TABLE.Grid TH
{
    border-bottom: 1px dotted gray;
    text-align: left;
}

TABLE.Grid
{
    border-collapse: collapse;
    width: 100%;
}

    TABLE.Grid TH.NumericCol, Table.Grid TD.NumericCol
    {
        text-align: right;
        padding-right: 1em;
    }

FORM
{
    margin-bottom: 0px;
}

DIV.MessageError
{
    background: red;
    color: White;
    padding: .2em;
    margin-top: .25em;
}
DIV.Message
{
    background: green;
    color: White;
    padding: .2em;
    margin-top: .25em;
}
.field-validation-error
{
    color: red;
    display: block;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid red;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: red;
}

.validation-summary-valid
{
    display: none;
}
div#profile-cart
{
    position: fixed;
    left: 50%;
    margin-left: -100px;
}
.product-photo {
    width: 80px;
    height: 100px;
}
